ELEMENTS

Editing
  • account_tree
  • bug_report

<th>

표의 구조에서 데이터 열 그룹의 제목 또는 레이블이 표시된 셀(cell)을 나타낸다.

  • 콘텐츠 분류

    NONE

  • 허용된 부모 요소 또는 위치

    <TR>

  • 콘텐츠 모델

    FLOW CONTENT

    플로우 콘텐츠(flow content)이지만 하위에 <header>와 <footer> 요소가 올 수 없으며 섹션닝 콘테츠(sectioning content), 헤딩 콘텐츠(heading content)도 올 수 없다.

  • 태그 생략

    종료 태그 생략 가능

    <th> 요소 바로 뒤에 <td> 또는 <th> 요소가 오거나 이후 콘텐츠가 더 이상 없는 경우에 종료 태그를 생략할 수 있다.

  • DOM Interface

    HTMLTableCellElement

    [Exposed=Window]
    interface HTMLTableCellElement : HTMLElement {
      [HTMLConstructor] constructor();
    
      [CEReactions] attribute unsigned long colSpan;
      [CEReactions] attribute unsigned long rowSpan;
      [CEReactions] attribute DOMString headers;
      readonly attribute long cellIndex;
    
      [CEReactions] attribute DOMString scope; // only conforming for th elements
      [CEReactions] attribute DOMString abbr;  // only conforming for th elements
    
      // also has obsolete members
    };

구문

마크업 형식
<table> <thead> <tr> <th></th> <th></th> </tr> </thead>
</table>
Example

애트리뷰트

colspan non-negative integers

열 방향으로 셀이 확장되는 개수를 설정한다.

About Non-negative integers

음수가 아닌 유효한 정수를 나타낸다.

구문 예

공통으로 사용하는 애트리뷰트의 경우 구문에 사용된 요소가 다를 수 있다.

구문 형식
colspan="[1,1000]"

사용 예

rowspan non-negative integers

행 방향으로 셀이 확장되는 개수를 설정한다.

About Non-negative integers

음수가 아닌 유효한 정수를 나타낸다.

구문 예

공통으로 사용하는 애트리뷰트의 경우 구문에 사용된 요소가 다를 수 있다.

구문 형식
rowspan="[0,65534]"

0은 셀이 나머지 모든 행에 걸쳐 있음을 의미한다.

이 요소에서의 특징

샘플 코드는 colspan 애트리뷰트를 참고

headers unordered set of unique space-separated tokens

접근성을 위한 애트리뷰트로서 해당 셀의 데이터와 연관된 <thead> 요소 그룹에 정의된 <th> 요소의 id를 공백으로 구분된 토큰 형식으로 작성한다. 시각적 효과가 없지만 접근성을 위한 다양한 장치에 의해서 사용된다.

About Unordered set of unique space-separated tokens

순서가 없는 공백으로 구분된 고유한 토큰 세트를 나타낸다.

scope enumerated attribute

헤더 셀(<th>)에 의해 구분되는 관련되는 데이터를 가진 셀의 집합을 나타낸다. 시각적인 결과는 없으며 다른 장치에서 문서를 해석할 때 사용될 수 있다.

About Enumerated attribute

제한된 값 집합으로 구성된 데이터를 나타낸다. 값 설정을 위한 다양한 방식이 존재할 수 있다.

사용되는 키워드

auto

헤더 셀(<th>)이 컨텍스트(context)에 따라 선택된 셀 집합에 적용되도록 한다.

col

열(column) 상태에 매핑됨을 나타낸다. 열(column) 상태는 헤더 셀(<th>)이 동일한 열에 있는 일부 후속 셀에 적용됨을 의미한다. 즉 열(column) 방향으로 나타나는 이후 셀과 관련이 되었음을 나타낸다. 반대로 이전 셀과 관련이 없음을 의미한다.

colgroup

열 그룹 상태에 매핑됨을 나타낸다. 열 그룹 상태는 헤더 셀(<th>)이 열 그룹의 나머지 모든 셀에 적용됨을 의미한다. 즉 헤더 셀(<th>)이 해당 열 전체와 관련이 되었음을 의미한다. 요소가 열 그룹에 고정되지 않은 경우 요소의 scope 애트리뷰트가 열 그룹 상태에 있으면 안 된다.

row

행(row) 상태에 매핑됨을 나타낸다. 행(row) 상태는 헤더 셀(<th>)이 동일한 행의 일부 후속 셀에 적용됨을 의미한다. 즉 행(row) 방향으로 나타나는 이후 셀과 관련이 되었음을 나타낸다. 반대로 이전 셀과 관련이 없음을 의미한다.

rowgroup

행 그룹 상태에 매핑됨을 나타낸다. 행 그룹 상태는 헤더 셀(<th>)이 행 그룹의 나머지 모든 셀에 적용됨을 의미한다. 즉 헤더 셀(<th>)이 해당 행에 있는 모든 셀에 관련이 되었음을 의미한다. 요소가 행 그룹에 고정되지 않은 경우 요소의 scope 애트리뷰트가 행 그룹 상태에 있으면 안 된다.

abbr 

대체 레이블을 지정한다.

글로벌 애트리뷰트

일부 글로벌 애트리뷰트는 이 요소에서 사용되지 않을 수 있다.

글로벌 이벤트 핸들러

일부 글로벌 이벤트 핸들러는 이 요소에서 사용되지 않을 수 있다. 이벤트 등록은 자바스크립트 사용을 권장한다.

버전 명세

HTML Standard
#the-th-element

지원 웹브라우저